/*
 * @Descripttion: 风险管理页面
 * @version: 
 * @Author: liujing
 * @Date: 2021-04-12 11:44:56
 * @LastEditors: liujing
 * @LastEditTime: 2021-04-12 21:20:25
 */

import React from 'react'
import { View, Text, Button, Image, ImageBackground, TouchableOpacity } from 'react-native'
// import { BottomTabApp } from '../../router'
import riskStyle from '../../css/riskStyle'
const RiskManagement = () => {
    return (
        <View>
              <ImageBackground source={require('../../images/risk/banner.png')} style={riskStyle.banner}/>
              <View style={riskStyle.content}>
                <Text style={riskStyle.title}>了解贸易国详情，布局海外市场</Text>
                <TouchableOpacity style={riskStyle.btn}>
                    <Text style={{color: '#3E75F6', fontSize: 12}}>参看国别地图</Text>
                </TouchableOpacity>
                <Image source={require('../../images/risk/differentcountries.png')} style={riskStyle.img}/>
                <View style={{flexDirection: 'row', height: 78, marginTop: 21}}>
                    <ImageBackground source={require('../../images/risk/Insurancepolicy.png')} style={riskStyle.Img1}>
                        <Text style={riskStyle.txt1}>保单查询</Text>
                        <Text style={riskStyle.txt2}>便捷查看保单全景视图</Text>
                    </ImageBackground>
                    <ImageBackground source={require('../../images/risk/Insurancepolicy.png')} style={riskStyle.Img2}>
                        <Text style={riskStyle.txt1}>保单查询</Text>
                        <Text style={riskStyle.txt2}>便捷查看保单全景视图</Text>
                    </ImageBackground>
                </View>
                <View style={{flexDirection: 'row', height: 78, marginTop: 21}}>
                    <ImageBackground source={require('../../images/risk/Insurancepolicy.png')} style={riskStyle.Img1}>
                        <Text style={riskStyle.txt1}>保单查询</Text>
                        <Text style={riskStyle.txt2}>便捷查看保单全景视图</Text>
                    </ImageBackground>
                    <ImageBackground source={require('../../images/risk/Insurancepolicy.png')} style={riskStyle.Img2}>
                        <Text style={riskStyle.txt1}>保单查询</Text>
                        <Text style={riskStyle.txt2}>便捷查看保单全景视图</Text>
                    </ImageBackground>
                </View>
                <View style={riskStyle.main}>
                    <View style={{flexDirection: 'row'}}>
                        <Text style={riskStyle.title1}>行业概览</Text>
                        <Text style={riskStyle.title2}>从风险角度看行业情况</Text>
                    </View>
                    <TouchableOpacity style={riskStyle.btn2}>
                        <Text style={{color: '#ffffff', fontSize: 12}}>点击进入</Text>
                    </TouchableOpacity>
                    <Image source={require('../../images/risk/industry.png')} style={riskStyle.Img3}/>
                </View>
              </View>
              <View>
                  <View style={riskStyle.last}>
                    <Image source={require('../../images/risk/receivable.png')} style={riskStyle.Img4}/>
                    <Text style={riskStyle.txt3}>应收查询</Text>
                    <Text style={riskStyle.txt4}>查看自己的应收账款和逾期未收汇情况</Text>
                  </View>
              </View>
        </View>
    )
}
export default RiskManagement 
